<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>mini-vue</title>
<script src="/bundle.js"></script>
</head>
<body>
<div id="app"></div>
</body>
<script>
    let hellovue = {
      name: "hellovue",
      setup() {
        const vue1 = vue.ref('vue');
        const state = vue.reactive({
          msg: 'Hello'
        })   
        return {
          state,
          vue1
        }
      },
      render() {
        return vue.h("div", {}, [this.state.msg + this.vue1]);
      },
    }
    const app = vue.createApp({
      name: "App",
      render() {
        return vue.h('div', {}, [vue.h(hellovue)]);
      }
    }).mount(document.getElementById('app'));
</script>
</html>